<template>
  <v-row class="feature text-center" justify="center">
    <v-col cols="4" md="2">
      <img src="@/static/img/icon/money.png"/>
      <h2 class="text-h5 my-3">充值150送15</h2>
      <p class="text-body-1">新手注册福利</p>
    </v-col>
    <v-col cols="4" md="2">
      <img src="@/static/img/icon/box.png"/>
      <h2 class="text-h5 my-3">免费箱子</h2>
      <p class="text-body-1">老用户升级福利</p>
    </v-col>
    <v-col cols="4" md="2">
      <img src="@/static/img/icon/list.png"/>
      <h2 class="text-h5 my-3">3000+饰品库存</h2>
      <p class="text-body-1">海量饰品让你想取回就取回</p>
    </v-col>
    <v-col cols="4" md="2">
      <img src="@/static/img/icon/lightning.png"/>
      <h2 class="text-h5 my-3">12小时极速取回</h2>
      <p class="text-body-1">购买的饰品当天就能取回到游戏</p>
    </v-col>
    <v-col cols="4" md="2">
      <img src="@/static/img/icon/flag.png"/>
      <h2 class="text-h5 my-3">公平性验证</h2>
      <p class="text-body-1">全网首家掉落算法开源网站</p>
    </v-col>
  </v-row>
</template>

<script lang="ts">
import {defineComponent} from 'vue'

export default defineComponent({
  name: 'Feature',
  setup() {

  }
})
</script>

<style lang="scss">
.feature {
  img {
    width: 100px;
    height: 100px;
  }
}
</style>
